.title {
  border-top: 0px;
  color: #c2c2c2;
  display: flex;
  flex-direction: column;
  flex: 1 1;
  overflow: hidden;
}
.title_time{
  height: 50px;
  border-top: 0px;
  overflow: hidden;
  white-space: nowrap;
}
.title_tian>span{
  display: inline-block;
}
.title_time .title_tian>div{
  display: inline-block;
}
.title_time1{
  height: 50px;
  border-top: 0px;
  white-space: nowrap 
}
.title_time2{
  height: 50px;
  border-top: 0px;
  white-space:nowrap
}
.today{
  background-color: #2196f3;
  opacity: 10%;
}

.qwe{
  flex:1;
  overflow:scroll;
  position:relative
}
.di>span{
  display: inline-block;
}
.ri,.today{
  width: 72px;
  display: inline-block;
  border: 1px solid #c2c2c2;
  height: 100%
}
.blue{
  position: absolute;
  height: 18px;
  border-radius: 10px;
  background: rgb(33, 150, 243);
}
.jintian{
  position: absolute;
  height: 100%;
  background-color: #2196f3;
  opacity: 10%;
  top:0 
}
.xian{
  display: inline-block; 
  border: 1px solid #c2c2c2;
   height: 100%;
   border-left: 0px 
}
.tips{
  padding: 15px;
  position:absolute;
  height:150px;
  width:300px;
  background:white;
  top:32px;
  border:1px solid #c2c2c2;
  display:none;
  z-index:999;
  border-radius:10px
}